import { createApp } from 'vue'
import App from './App.vue'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import router from '../src/router'

import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'

import { createPinia } from 'pinia'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

import './permission'
import'./style/index.scss'
import SvgIcon from './components/SvgIcon/index.vue'
import globalComponent from '@/components/index'
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
for (const componentItme in globalComponent) {
  app.component(componentItme, globalComponent[componentItme])
}
app.component('svg-icon', SvgIcon)
app.use(router)
app.use(ElementPlus,{
    locale: zhCn,
})
app.use(VXETable)
app.use(createPinia())
app.mount('#app')